var React = require('react');
var ModalDialog = require('../../common/component/dialog/modal-dialog.node');
var ModalBody = require('../../common/component/dialog/modal-body.node');
var ModalFooter = require('../../common/component/dialog/modal-footer.node');
module.exports = function EditMenuDialog(props) {
  return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalDialog, {
    dialogTitle: "${t('ui.menu.common.dialog.editMenu')}"
  }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement("form",
    null, /*#__PURE__*/ React.createElement("input", {
      type: "hidden",
      id: "id",
      name: "id",
      "data-x-name": "edit.id"
    }), /*#__PURE__*/ React.createElement("input", {
      type: "hidden",
      id: "templateId",
      name: "templateId",
      "data-x-name": "edit.templateId"
    }), /*#__PURE__*/ React.createElement("input", {
      type: "hidden",
      id: "parentId",
      name: "parentId",
      "data-x-name": "edit.parentId"
    }), /*#__PURE__*/ React.createElement("input", {
      type: "hidden",
      id: "versionNumber",
      name: "versionNumber",
      "data-x-name": "edit.versionNumber"
    }), /*#__PURE__*/ React.createElement("div", {
      className: "form-group x-form-required"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "menuCode"
    }, "${t('ui.menu.common.field.menuCode')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "menuCode",
      name: "menuCode",
      "data-x-name": "edit.menuCode",
      placeholder: "${t('ui.system.common.placeholder.inputCodeLimitLength', 1, 50)}"
    })), /*#__PURE__*/ React.createElement("div", {
      className: "form-group x-form-required"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "menuName"
    }, "${t('ui.menu.common.field.menuName')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "menuName",
      name: "menuName",
      "data-x-name": "edit.menuName",
      placeholder: "${t('ui.system.common.placeholder.inputTextLimitLength', 1, 20)}"
    })), /*#__PURE__*/ React.createElement("div", {
      className: "form-group"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "parentName"
    }, "${t('ui.menu.common.field.parentName')}"), /*#__PURE__*/ React.createElement("div", {
      className: "input-group"
    }, /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "parentName",
      name: "parentName",
      "data-x-name": "edit.parentName",
      disabled: true
    }), /*#__PURE__*/ React.createElement("div", {
      className: "input-group-append"
    }, /*#__PURE__*/ React.createElement("button", {
      "data-x-ui": "chooseParentMenuBtn",
      className: "btn btn-outline-secondary",
      type: "button"
    }, "${t('ui.system.common.btn.choose')}")))), /*#__PURE__*/ React.createElement("div", {
      className: "form-group"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "menuIcon"
    }, "${t('ui.menu.common.field.menuIcon')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "menuIcon",
      name: "menuIcon",
      "data-x-name": "edit.menuIcon",
      placeholder: "${t('ui.system.common.placeholder.inputTextLimitLength', 0, 50)}"
    })), /*#__PURE__*/ React.createElement("div", {
      className: "form-group x-form-required"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "menuPath"
    }, "${t('ui.menu.common.field.menuPath')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "menuPath",
      name: "menuPath",
      "data-x-name": "edit.menuPath",
      placeholder: "${t('ui.system.common.placeholder.inputTextLimitLength', 1, 500)}"
    })), /*#__PURE__*/ React.createElement("div", {
      className: "form-group x-form-required"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "menuOrder"
    }, "${t('ui.menu.common.field.menuOrder')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "menuOrder",
      name: "menuOrder",
      "data-x-name": "edit.menuOrder",
      placeholder: "${t('ui.system.common.placeholder.inputDigits')}"
    })), /*#__PURE__*/ React.createElement("div", {
      className: "form-group x-form-required"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "showFlag"
    }, "${t('ui.system.common.field.showFlag')}"), /*#__PURE__*/ React.createElement("select", {
      className: "form-control",
      id: "showFlag",
      name: "showFlag",
      "data-x-name": "edit.showFlag",
      defaultValue: "true"
    }, /*#__PURE__*/ React.createElement("option", {
      value: "true"
    }, "${t('ui.system.common.option.showFlag.true')}"), /*#__PURE__*/ React.createElement("option", {
      value: "false"
    }, "${t('ui.system.common.option.showFlag.false')}"))), /*#__PURE__*/ React.createElement("div", {
      className: "form-group"
    }, /*#__PURE__*/ React.createElement("label", {
      htmlFor: "remark"
    }, "${t('ui.system.common.field.remark')}"), /*#__PURE__*/ React.createElement("input", {
      type: "text",
      className: "form-control",
      id: "remark",
      name: "remark",
      "data-x-name": "edit.remark",
      placeholder: "${t('ui.system.common.placeholder.inputTextLimitLength', 0, 200)}"
    })))), /*#__PURE__*/ React.createElement(ModalFooter, {
    confirmLabel: "${t('ui.system.common.btn.save')}",
    cancelLabel: "${t('ui.system.common.btn.cancel')}"
  })));
};